<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随易租</title>
    <link rel="shortcut icon" href="../../log.png">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../../plugins/element-ui/index.css"/><!--el必要资源-->
    <!--    <link rel="stylesheet" href="../../styles/common.css">-->
    <link rel="stylesheet" href="../../styles/login.css">
    <link rel="stylesheet" href="../../styles/icon/iconfont.css"/>
    <style>
        .link {
            border-top: 50px;
            color: #a5acb4;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="login" id="login-app">
    <div class="login-form">
        <div id="username">
            <el-input placeholder="手机/邮箱/用户名" v-model="input" clearable></el-input>
        </div>
        <div id="password">
            <el-input placeholder="请输入密码" v-model="input1" show-password></el-input>
        </div>
        <el-row>
            <el-button type="primary">登录</el-button>
        </el-row>
    </div>

    <footer class="bottom">
        <a class="link" href="">© easy.com</a>
        <a class="link" href="">关于我们</a>
        <a class="link" href="">使用条款</a>
        <a class="link" href="">帮助文档</a>
        <a class="link" href="">在线自助服务</a>
        <a class="link" href="">重发激活邮件</a>
    </footer>
</div>

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="../../plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="../../plugins/axios/axios.min.js"></script>
<script src="../../js/request.js"></script>
<script src="../../api/login.js"></script>
<!--校验-->
<script src="../../js/validate.js"></script>

<script>
    new Vue({
        el: '#login-app',
        data() {
            return {
                input: '',
                input1: ''
            };
        }
    })
</script>
</body>
</html>